* {
    /* Standard reset */
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: arial;
    margin: 0;
    padding: none;
    width: 100%;
    height: 100%;
}

object {
    display: none;
}

/* the canvas *must not* have any border or padding, or mouse coords will be wrong */
canvas.application {
    margin: 0 auto;
    display: block;
}

.fullscreenControl {
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 1;
}

div[class=fullscreenControl]>span {
    display: inline-block;
    margin-top: 30px;
    margin-right: 20px;
}

.download_modal_container {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.absolute-centre {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.download_modal_content {
    width: 50%;
    height: 50%;
    background-color: rgb(215, 215, 215);
}

div.splash_border {
    border: 1px solid black;
    border-radius: 10px;
}

.statusText {
    text-align: center;
    font-weight: bold;
    color: rgb(120, 120, 120);
    margin-top: 10px;
    margin-bottom: 10px;
}

.statusOffset {
    top: 50%;
}

.splashImage {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
}

progress
:not

(
[
value
]

)
{
/* Styling for indeterminate progress here */
}
progress[value] {
    display: block;
    margin-left: auto;
    margin-right: auto;
    appearance: none;
    /* Remove trailing borders in Firefox and Opera. */
    border: none;
    /* Add dimensions */
    width: 60%;
    height: 20px;
    /* No pseudo class with Firefox for containers, but anything applied here will apply to it too. */
    background-color: #ccc;
    border-radius: 13px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, .5) inset;
    /* On IE10, we may set the background-color of the progress value using the 'color' attribute. */
    color: #ccc;
}

progress[value]::-webkit-progress-bar {
    background-color: #ccc;
    border-radius: 13px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, .5) inset;
}

progress[value]::-moz-progress-bar {
    background-color: #ccc;
    border-radius: 13px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, .5) inset;
    padding: 3px;
}

progress[value]::-webkit-progress-value {
    position: relative;
    background-size: 35px 20px, 100% 100%, 100% 100%;
    border-radius: 13px;
}

progress[value]::-webkit-progress-value:after {
    /* Webkit can handle a pseudo class on a pseudo element */
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    top: 7px;
    right: 7px;
}

progress.gradient::-webkit-progress-value {
    /*  Striped background */
    background-color: #888;
    background-image: -webkit-linear-gradient(135deg, transparent, transparent 33%, rgba(0, 0,
        0, .1) 33%, rgba(0, 0, 0, .1) 66%, transparent 66%);
}

.fullscreen {
    font-family: arial;
    font-size: 14px;
    color: #00d5ff;
    padding: 10px 20px;
    background: -moz-linear-gradient(top, #ffc800 0%, #fcf37c);
    background: -webkit-gradient(linear, left top, left bottom, from(#ffc800),
        to(#fcf37c));
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #ffb700;
    -moz-box-shadow: 0px 1px 3px rgba(000, 000, 000, 0.5), inset 0px 0px 2px
        rgba(255, 255, 255, 1);
    -webkit-box-shadow: 0px 1px 3px rgba(000, 000, 000, 0.5), inset 0px 0px
        2px rgba(255, 255, 255, 1);
    box-shadow: 0px 1px 3px rgba(000, 000, 000, 0.5), inset 0px 0px 2px
        rgba(255, 255, 255, 1);
    text-shadow: 0px -1px 0px rgba(000, 000, 000, 0.4), 0px 1px 0px
        rgba(255, 255, 255, 0.3);
}